<div id="contenedor" class="container">
    <div class="row-fluid">
        <div class="row-fluid">
            <ul class="span12 breadcrumb alingCenter">
                <li><b>Reporte de cuentas por cobrar (<?php echo $cantidadVenPenPago ?> registros encontrados)</b></li>
            </ul>
        </div>
    </div>
    <ul class="nav nav-tabs" id="myTab">
        <li ><a href="cuentasporcobrar">Hospedajes</a></li>
        <li class="active"><a >Otras ventas</a></li>
    </ul>

    <div id="buscarVentas"  class="row-fluid">
        <div class="span2 offset3">
            Desde:
            <input id="desde" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"> 
        </div>
        <div class="span2">
            Hasta:
            <input id="hasta" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"> 
        </div>
        <div class="span2">
            <div class="row-fluid">
                <div class="span4 hide">
                    <br>
                    <button title="Buscar" id="botonBuscarCuentasCobrar" type="submit" class="btn btn-inverse pull-right"><i class="icon-search icon-white"></i></button>
                </div>
                <div class="span4">
                    <br>
                    <a  title="Limpiar formulario" href="cuentasporcobrarextras" class="btn btn-primary pull-right"><i class="icon-refresh icon-white"></i></a>
                </div>
            </div>
        </div>

    </div>
    <div class="row-fluid"> 
        <table id="tablaVentasExtras" class="table table-hover">
            <thead>
                <tr>
                    <th>Fecha</th>
                    <th>Cliente</th>
                    <th>Descripción</th>
                    <th>Total</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <tbody>
                <?php
                foreach ($venPenPagos as $venPenPago) {
                    ?>
                    <tr>
                        <td> <?php echo $venPenPago->fecha; ?> </td>
                        <td> <?php echo $venPenPago->nombre_cliente; ?> </td>
                        <td> <?php echo $venPenPago->descripcion; ?> </td>
                        <td> <?php echo $venPenPago->total_venta; ?> </td>
                        <td> <a class="btn btn-mini btn-inverse declararPago" data-idventaservicio="<?php echo $venPenPago->id_venta_servicio; ?>">Declarar pago</a> </td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>
    <div class="row-fluid">
        <div id="paginacion" class="pagination pull-right"
             data-desde="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"
             data-hasta="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"
             >
            <ul>
                <li class="<?php
                if ($paginaActiva == 1)
                    echo "active";
                else
                    echo "noActive";
                ?>"><a data-page="1">1</a></li>
                    <?php for ($i = 2; $i <= $cantidadPaginas; $i++) { ?>
                    <li class="<?php
                    if ($paginaActiva == $i)
                        echo "active";
                    else
                        echo "noActive";
                    ?>"><a data-page="<?php echo $i; ?>"><?php echo $i; ?></a></li>
                    <?php } ?>
            </ul>
        </div> 
    </div>
    <div class="alert alert-success span4 offset4">
        Total de cuentas por cobrar: <strong><?php echo $venPenPagoDeudaTotal ?></strong> <br>
    </div>
</div>
<form id="modalDeclararPago" action="pagarVentaExtra" method="post" class="modal hide fade formBlockDisplay" style="display: none;">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h4>Declarar pago</h4>
    </div>
    <div class="modal-body">
        <p>¿Realmente desea declar esta venta como pagada?</p>
        <input id="idVentaServicio" name="idVentaServicio" type="text" class="hide">
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal">Cancelar</button>
        <button id="enviarFormEliminarReserva" class="btn btn-primary preservar">Aceptar</button>
    </div>
</form>